sass mixinによるBEMの簡略化
mixin content #BEM
code:scss
@mixin element($name) {
@at-root #{&}__#{$name} {
@content;
}
}
@mixin modifier($name) {
@at-root #{&}--#{$name} {
@content;
}
}
.block {
color: red;
@include element(element) {
color: green;
@include modifier(modifier) {
color: blue;
}
}
}
.item
.item__
code:scss
@mixin